
/* Slider Frame Small Thumbs */
.scrollable { float: left; position: relative; background: transparent; width: 900px; height:50px; margin:10px 0 0 2.5px; overflow: hidden; }
.scrollable .items { clear: both; position: absolute; top: 0; background: transparent; list-style: none; width: 999em; height: 40px; margin: 0; padding: 5px 0 0; }

/* Slider Panels Small Thumbs */
.scrollable .items li { float:left; position: relative; background: transparent; color: #444; width: 40px; height: 100%; margin: 0 5px 0 0; padding: 0; border: none; overflow: hidden; }
.scrollable .items li img { display: block; width: 100%; height: 40px; margin: 0; }
.scrollable .items li h2,
.scrollable .items li  p,
.scrollable .items li  a 	{ display: block; font:normal 11px sans-serif; color: #444; margin-bottom: 0; }

.scrollable .active { display: block; width: 40px; height: 40px; outline:solid 2px #20b57b; }

/* Slider Button */
a.browse 				{ position: absolute; top: 23px; background: url(images/button_scroll.png) no-repeat; cursor: pointer; width: 30px; height: 30px; z-index: 999; }
a.disabled 			{ visibility: visible; }

a.left 					{ left: -30px; background-position: 0 0; margin-left: 0; }
a.right 				{ right: -30px; background-position: 0 -30px; margin-right: 0; }

a.left:hover 		{ background-position: 0 0; }
a.right:hover 	{ background-position: 0 -30px; }

a.left:active 	{ background-position: 0 0; }
a.right:active 	{ background-position: 0 -30px; }

/* IE Slider Button */
.emulateIE8 .scrollable .active { outline:solid 2px #20b57b; }
.emulateIE8 a.left, .emulateIE8  a.right { border:none; }
.emulateIE8 a.browse { top:27px; }

/*******************/
